<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的登录页</title>
    <link rel="stylesheet" href="index.css">
</head>

<body>
    <nav class="nav">
        <div class="logo">
            <img src="https://eveningwater.com/static/image/1.jpg" alt="图片加载中" title="logo">
        </div>
        <ul class="nav-ul">
            <li>
                <a href="http://www.eveningwater.com" target="_blank" rel="noopener noreferrer">主页</a>
            </li>
            <li>
                <a href="https://www.17sucai.com/user/800544" target="_blank" rel="noopener noreferrer">作品集</a>
            </li>
            <li>
                <a href="https://www.cnblogs.com/eveningwater/" target="_blank" rel="noopener noreferrer">我的博客</a>
            </li>
            <li>
                <a href="mailto:854806732@qq.com" target="_blank" rel="noopener noreferrer">联系我</a>
            </li>
        </ul>
    </nav>
    <main class="main">
        <header class="header">
            <button class="toggle" type="button">
                <i class="menu">
                    <i class="menu-line"></i>
                    <i class="menu-line"></i>
                    <i class="menu-line"></i>
                </i>
            </button>
            <h1>我的登录页</h1>
            <p>欢迎来到我的登录页，注册一个用户访问看看更多信息吧!</p>
            <button id="register" class="register" type="button">注册</button>
        </header>
        <section class="content">
            <div class="container">
                <h2>我的仇人</h2>
                <article id="poem"></article>
                <hr>
                <h2>斐波那契数列</h2>
                <p>
                    <a href="https://baike.baidu.com/item/%E6%96%90%E6%B3%A2%E9%82%A3%E5%A5%91%E6%95%B0%E5%88%97/99145?fr=aladdin"
                        target="_blank" rel="noopener noreferrer">斐波那契数列</a>，又称黄金分割数列、因数学家列昂纳多·斐波那契（Leonardoda
                    Fibonacci）以兔子繁殖为例子而引入，故又称为“兔子数列”。
                    指的是这样一个数列：1、1、2、3、5、8、13、21、34、……在数学上，斐波那契数列以如下被以递推的方法定义：F(1)=1，F(2)=1, F(n)=F(n - 1)+F(n - 2)（n ≥
                    3，n ∈ N*）。
                    在现代物理、准晶体结构、化学等领域，斐波纳契数列都有直接的应用，为此，美国数学会从 1963 年起出版了以《斐波纳契数列季刊》为名的一份数学杂志，用于专门刊载这方面的研究成果。
                </p>
                <hr>
                <h2>我最喜欢的东西:</h2>
                <ul>
                    <li>
                        <a href="https://www.iqiyi.com/v_19ryjcot4k.html?vfm=2008_aldbd&fv=p_02_01" target="_blank"
                            rel="noopener noreferrer">航海王</a>
                    </li>
                    <li>
                        <a href="https://yuedu.baidu.com/ebook/2379fe2f24c52cc58bd63186bceb19e8b8f6ec1a?fr=aladdin&key=%E9%AB%98%E6%89%8B%E6%9D%A5%E9%83%BD%E5%B8%82"
                            target="_blank" rel="noopener noreferrer">高手来都市</a>
                    </li>
                    <li>
                        <a href="http://www.kugou.com/song/152uma13.html#hash=AC5C45F7AB3848FDE2D2520ACA4CB00B&album_id=0"
                            target="_blank" rel="noopener noreferrer">后来遇见他</a>
                    </li>
                </ul>
                <article>
                    <p>拥有财富、名声、权力，这世界上的一切的男人
                        “海贼王”哥尔·D·罗杰，在被行刑受死之前说了一句话，让全世界的人都涌向了大海。“想要我的宝藏吗？如果想要的话，那就到海上去找吧，我全部都放在那里。”，世界开始迎接“大海贼时代”的来临。
                    </p>
                    <p>一个大山里出来的绝世高手来到都市，从此奇遇不断。看他如何称霸天下，坐拥美女校花…………</p>
                    <p>《后来遇见他》是歌手胡66演唱的一首歌曲，该歌曲发行于2020年3月20日。</p>
                </article>
            </div>
        </section>
    </main>
</body>
<script src="https://www.eveningwater.com/static/plugin/popbox.min.js"></script>
<script src="index.js"></script>

</html>